<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>友情链接管理-添加链接</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="__XADM_CSS__/font.css">
        <link rel="stylesheet" href="__XADM_CSS__/xadmin.css">
        <script src="__XADM_LIB__/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="__XADM_JS__/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label for="title" class="layui-form-label">
                            <span class="x-red">*</span>链接名称
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="title" name="title" required="" lay-verify="title"
                            autocomplete="off" class="layui-input">
                        </div>                  
                    </div>
                    <div class="layui-form-item">
                        <label for="url" class="layui-form-label">
                            <span class="x-red">*</span>链接地址
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="url" name="url" required="" lay-verify="url"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="url" class="layui-form-label">
                            排序
                        </label>
                        <div class="layui-input-inline">
                            <input type="number" id="sort" name="sort" required="" lay-verify="sort"
                            autocomplete="off" class="layui-input" value="0">
                        </div>
                    </div>  
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span class="x-red"></span>显示标识
                        </label>
                        <div class="layui-input-inline">
                            否<input type="radio" id="is_show1" name="is_show" class="layui-radio" value="0">
                            是<input type="radio" id="is_show2" name="is_show" class="layui-radio" value="1" checked>
                        </div>
                    </div>

                  <div class="layui-form-item">
                      <label for="L_repass" class="layui-form-label">
                      </label>
                      <button  class="layui-btn" lay-filter="add" lay-submit="">
                          增加
                      </button>
                  </div>
              </form>
            </div>
        </div>
        <script>
        //禁用Enter键
        document.onkeydown = function (e) {
                //捕捉回车事件
                var ev = (typeof event != 'undefined') ? window.event : e;
                if (ev.keyCode == 13 || event.which == 13) {
                    return false;
                }
            };
            
        layui.use(['form', 'layer'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;

                //自定义验证规则
                form.verify({
                    l_title: function(value) {
                        if ($('#l_title').val().length < 2) {
                            return '请填写链接名称';
                        }
                    },
                    
                });

                //监听提交
                form.on('submit(add)',
                function(data) {

                    $(".layui-btn").attr('disabled',true);
                    //console.log(data.field);                    //发异步，把数据提交给php
                    $.ajax({
                        url : "/admins/Links/add",
                        type : "post",
                        data : data.field,
                        success : function(response, status, xhr){
                            if(response.status == 200){
                                //console.log(response.data);
                                layer.alert("增加成功", {icon: 6},function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新 
                                    xadmin.father_reload();
                                });
                            }else if(response.status == 400){
                                alert(response.msg);
                                $('#goods_sn').focus();
                            }
                            $(".layui-btn").removeAttr("disabled");
                        },
                        error : function(xhr, errorText, errorStatus){
                            console.log(xhr.status + ':' + xhr.statusText);
                            $(".layui-btn").removeAttr("disabled");
                        }
                    });
                    return false;

                    
                });

            });</script>
        
    </body>

</html>
